<template>
  <div class="nav-top">
    <div class="logo">
      <span>小青云盘</span>
    </div>
    <div class="nav-right">
      <Question></Question>
      <Notice ></Notice>
      <UploadList ></UploadList>
      <Avatar></Avatar>
    </div>
  </div>
</template>

<script>
import UploadList from "@/components/upload-list"
import Avatar from './avatar'
import Notice from './notice'
import Question from './question'

export default {
  name: "nav-top",
  components: {
    UploadList,
    Avatar,
    Notice,
    Question
  }
};
</script>

<style scoped>
.nav-top {
  padding: 0 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 56px;
}

.logo {
  font-size: 20px;
  font-weight: 550;
}

.nav-right {
  display: flex;
  align-items: center;
}

.ret{
  height: 15px;
    width: 15px;
    /* text-align: center; */
    align-items: center;
    justify-content: center;
    display: flex;
}
</style>